<template>
  <div class="module">
    <gdsybj
      :inspection-robot-list="inspectionRobotList"
      :robot-specialty-list="robotSpecialtyList"
      :highest-efficiency-improvement-list="highestEfficiencyImprovementList"
    ></gdsybj>
    <jdybj :digital-supply-station-list="digitalSupplyStationList"></jdybj>
  </div>
</template>

<script lang="ts" setup>
  import { onMounted, reactive, watchEffect, ref, onUnmounted, Component, watch } from 'vue'
  import gdsybj from './gdsybj/index.vue'
  import jdybj from './jdybj/index.vue'
  import type {
    HighestEfficiencyImprovement,
    DigitalSupplyStation,
    RobotSpecialty,
    InspectionRobot
  } from '@/api/data'
  const props = defineProps({
    inspectionRobotList: {
      type: Array as () => InspectionRobot[],
      default: () => {
        return []
      }
    },
    digitalSupplyStationList: {
      type: Array as () => DigitalSupplyStation[],
      default: () => {
        return []
      }
    },
    robotSpecialtyList: {
      type: Array as () => RobotSpecialty[],
      default: () => {
        return []
      }
    },
    highestEfficiencyImprovementList: {
      type: Array as () => HighestEfficiencyImprovement[],
      default: () => {
        return []
      }
    }
  })
</script>

<style lang="scss" scoped>
  .module {
    display: flex;
  }
</style>
